<script lang="tsx">
/**
 * 侧边页面
 */
export default {
  name: "page-aside-table"
}
</script>

<script lang="tsx" setup>

</script>

<template>
  <div class="aside-table">
    <div class="aside-table-left">
      <slot name="aside"></slot>
    </div>
    <div class="aside-table-right">
      <slot name="table"></slot>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.aside-table {
  flex: 1;
  display: flex;

  .aside-table-left {
    flex: 0;
    flex-basis: 400px;
    display: flex;
    flex-direction: column;
  }

  .aside-table-right {
    flex: 1;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
  }
}
</style>